/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<      表格      >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

$color: #6394d1;

body.CoreBody .CoreWeb-WebTable {
  padding: 20px;
  border: 1px solid #1f5eb1;
  border-radius: 2px;

  .el-table {
    color: #fff;
    border: none;

    &::before {
      display: none;
    }

    tr {
      transition: 0.3s;
    }
  }

  /* ============================== 表头 ============================== */
  .el-table__header tr {
    /* —————————————————————————————— 单元格 —————————————————————————————— */
    th.el-table__cell {
      color: #fff;
      background: rgba(0, 12, 29, 0.9);

      /* ------------------------------ 内容 ------------------------------ */
      > .cell {
        vertical-align: top;
      }

      /* ------------------------------ 排序 ------------------------------ */
      .caret-wrapper {
        vertical-align: top;
      }
    }
  }

  /* ============================== 表体 ============================== */
  .el-table__body .el-table__cell {
    padding: 6px 0;
    border: 0;
    color: $color;
    transition: 0.3s !important;
  }

  .el-table__row:nth-child(odd) {
    background: transparent;
  }

  .el-table__row:nth-child(even) {
    background: rgba(0, 12, 29, 0.8);
  }

  .el-table__row.hover-row,
  .el-table__row:hover {
    background: rgba(10, 42, 84, 0.8) !important;
    box-shadow: inset 0 0 0 1px #0073ff;

    > td.el-table__cell {
      color: #fff;
      background-color: transparent !important;
    }
  }
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<      分页      >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

body.CoreBody .CoreWeb-WebTable .CoreWeb-TablePage {
  /* ============================== 页码 ============================== */
  .el-pager {
    li {
      border-radius: 6px;

      &.active {
        color: var(--Primary);
        border-color: var(--Primary7);
        background-color: var(--Primary3);
      }
    }
  }
}
